<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="../ResourceFile/favicon.ico" rel="shortcut icon">
    <link href="../ResourceFile/favicon.ico" rel="icon">
    <link href="../ResourceFile/favicon16x16.png" rel="icon " sizes="16x16">
    <link href="../ResourceFile/favicon32x32.png" rel="icon " sizes="32x32">
    <link href="../ResourceFile/android-chrome-192x192.png" rel="icon" sizes="192x192">
    <link href="../ResourceFile/android-chrome-512x512.png" rel="icon" sizes="512x512">
    <link href="../ResourceFile/touch-icon-iphone.png" rel="apple-touch-icon">
    <link href="../ResourceFile/touch-icon-ipad.png" rel="apple-touch-icon" sizes="72x72">
    <link href="../ResourceFile/touch-icon-iphone-retina.png" rel="apple-touch-icon" sizes="114x114">
    <link href="../ResourceFile/touch-icon-ipad-retina.png" rel="apple-touch-icon" sizes="144x144">
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="../CSS/animate.min.css" />
    <link rel='stylesheet prefetch' href='http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css'>
    <title>欢迎来到ThoughtWork实验室</title>

    <link rel="stylesheet" type="text/css" href="../CSS/Backend.css">
    <link rel="stylesheet" href="../CSS/normal.css">

    <script src="../JS/jquery.min.js" type="text/javascript"></script>
</head>

<body>
    <div id="headTable" class="table">
        <div id="backButton">
            <div class="actionButton">
                <img src="../ResourceFile/return.png" alt="">
            </div>
        </div>
        <div class="loginButton">
            <div class="actionButton">
                <p><a href="./Login.html">login</a></p>
            </div>
        </div>
    </div>
    <div class="Backend-background">
        <h1 class="Backend-title">前端介绍</h1>
        <div class="section section1">
            <div class="card">
                <header class="card__thumb">
                    <img src="../ResourceFile/thoughtworks.jpg" />
                </header>
                <div class="card__body">
                    <div class="card__category">前端</div>
                    <h4 class="card__title">创建前端界面</h4>
                    <p class="card__description_s">前端开发是指创建Web页面或app等前端界面呈现给用户的过程...</p>
                    <p class="card__description">前端开发是指创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互，使得网页更加美观，功能效果显著，更加强大。</p>
                </div>
            </div>
            <div class="card1">
                <header class="card__thumb1">
                    <img src="../ResourceFile/工作.jpg" />
                </header>
                <div class="card__body">
                    <div class="card__category">前端特点</div>
                    <h2 class="card__title">功能性</h2>
                    <p class="card__description1_s">前台完成的是单纯的网页，几乎不具有功能性...</p>
                    <p class="card__description1">前台完成的是单纯的网页，几乎不具有功能性；后台完成的作品可以称之为网络应用程序，它们可以实现一定的应用功能，也就是说后台人员的工作是编程。从简单的留言板到复杂的论坛，从简单的个人网站系统到复杂的内容管理系统，都可以称为网络应用程序。
                    </p>
                </div>
            </div>
        </div>
        <div class="section section2">
            <h4 class="title_s">在这里你将掌握：</h4>
            <div class="container">

                <div class="cow">
                    <div class="col-xs-12 col-sm-10 col-sm-push-1 col-md-8 col-md-push-2" id="card_4">
                        <p class="theme_1">HTML语言</p>
                        <div class="page_1">
                            <p class="animated fadeInRight">可以掌握HTML是网页的核心，是一种制作万维网页面的标准语言，是万维网浏览器使用的一种语言，它消除了不同计算机之间信息交流的障碍。因此，它是网络上应用最为广泛的语言，也是构成网页文档的主要语言，学好HTML是成为Web开发人员的基本条件。与此同时，HTML还是一种标记语言，能够实现Web页面并在浏览器中显示。
                            </p>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-10 col-sm-push-1 col-md-8 col-md-push-2" id="card_4">
                        <p class="theme_2">CSS语言</p>
                        <div class="page_2">
                            <p class="animated  fadeInRight">学好CSS是网页外观的重要一点，CSS主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块,其可以帮助把网页外观做得更加美观。
                            </p>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-10 col-sm-push-1 col-md-8 col-md-push-2" id="card_4">
                        <p class="theme_3">JavaScript</p>
                        <div class="page_3">
                            <p class="animated  fadeInRight">它是一种基于对象（Object）和事件驱动（ Event Driven）并具有安全性能的脚本语言，使用JavaScript可以轻松的实现与HTML的互操作，并且完成丰富的页面交互效。如果做前端设计需要学习JavaScript的基本语法，以及如何使用JavaScript编程，这将会很大幅度提高开发人员的个人技能。
                            </p>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-10 col-sm-push-1 col-md-8 col-md-push-2" id="card_4">
                        <p class="theme_4">后台基础</p>
                        <div class="page_4">
                            <p class="animated  fadeInRight">通过后台管理网站，可以有效的管理网站供浏览者查阅的信息。网站的后台通常需要帐号及密码等信息的登陆验证，登陆信息正确则验证而后进入网站后台的管理界面进行相关的一系列操作。前台完成的是单纯的网页，几乎不具有功能性；后台完成的作品可以称之为网络应用程序，它们可以实现一定的应用功能，也就是说后台人员的工作是编程。
                            </p>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-10 col-sm-push-1 col-md-8 col-md-push-2" id="card_4">
                        <p class="theme_5">jQuery</p>
                        <div class="page_5">
                            <p class="animated  fadeInRight"> 目前网络上有大量开源的 JS 框架, 但是 jQuery 是目前最流行的 JS 框架，而且提供了大量的扩展，很多大公司都在使用 jQuery。jQuery是一个JavaScript函数库。jQuery是一个轻量级的"写的少，做的多"的JavaScript库。jQuery库包含以下功能：HTML元素选取、HTML元素操作、CSS操作、HTML事件函数、JavaScript特效和动画、HTML DOM 遍历和修改、AJAX、Utilities。
                            </p>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-10 col-sm-push-1 col-md-8 col-md-push-2" id="card_4">
                        <p class="theme_6">服务及配置</p>
                        <div class="page_6">
                            <p class="animated  fadeInRight">服务器配置是指根据企业的实际需求针对安装有服务器操作系统的设备进行软件或者硬件的相应设置、操作，从而实现企业的业务活动需求。分为WEB服务器，FTP服务器、SAMBA服务器、DNS服务器。Web服务器是指驻留于因特网上某种类型计算机的程序。
                            </p>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <script src="../JS/Backend.js" type="text/javascript"></script>
        <script src="../JS/normal.js"></script>
</body>

</html>